I have a preference for flatting here preflop, although I can see your point concerning rake.

I'm a bit suprised that you are using a linear 3betting range in this spot. Why? How do you react to 4bets with the bottom of your range?

Postflop looks okay to me. Don't know what stake that is, and it is somewhat villain specific, but I agree that this is rather underbluffed, so your fold looks fine.

Preflop you can 3bet 66-88 in mixed freq. you can add some suited connectors and 1 gapper in mix freq as well.
Otf I think population underbluff so you can overfold and call 88 with bdfd.
On flop start- you can 3bet somehand that need protection and have good equity like QQ-AA as villan can raise some 99-QQ vs the cbet.

I would expand your 3 betting range in this situation. When it is folded to the button and he makes a standard open (like in your example) and the small blind folds, the typical players opening range on the button is as wide as my ex-wife's azz. Specifically, I would add A3s, A2s,
A10, KJo, K10o, QJo, Q10o, & J10o and I would expand even further exploitatively against an opponent who has a high aggression factor. I would reduce your preflop 3 bet range against a very tight passive opponent by eliminating A9s-A6s, AJo, KQo, K9s-109s, as these hands are usually dominated by a tight passive raise, even in this situation. As played, I would either shove over the button's raise or fold. I do not like calling as a standard play in this spot unless your play was to call and wait for a safe turn card and then shove yourself. In the actual hand, the turn card of an offsuit 3 should definitely be considered safe, so I would have open-shoved myself on the turn. The button, if he is a thinking player at all (which is very questionable at this limit) knows that this flop is not exactly in your preflop 3 bet neighborhood and is most likely putting you on a total miss with overcards on this flop that would fold to his flop raise. So to sum it all up, for this hand I would have 3 bet preflop and bet, and shoved the flop over his raise given that besides flopping a set, this is about as good of a flop you will get with your specific hand, specifically being in the upper part of your preflop 3 betting range given this specific flop.

To solve this spot we need to know how deep can your opponent think. Is he able to do any sneaky plays, have some AA/KK there? Is he straight as an arrow and plays JJ this way, maybe he is afraid you hitting Ace or flush? If he knows that you 3bet wide he might easily play TT this way. If I had reads that he fast plays draws this way I'd snap it on the turn otherwise if I were playing my A game I'd just fold the flop - the reason for that is there no good turns for us and if he is bluffing we've got ~50%, if he has TT+ we're dead.