Seems a bit overly complicated. Why not just use just one tag?
part01chapter22.html:
Code:
<p>‘No, I won’t cast a stone,’<a href="notes.html#part01ch22en33" id="part01ch22ren33" style="vertical-align: super;">33</a> she replied to something, [...]</p>
Notes.html:
Code:
<p class="noindent"><a href="part01chapter22.html#part01ch22ren33" id="part01ch22en33" style="font-weight: bold;"/>33</a> cast a stone: ‘He that is without sin among you, let him first cast a stone at her’ (John 8:7).</p>
(Or better, define a CSS class rather than using an in-line style element...)