Before and After

Step 1
Open up your image in PhotoFiltre.

Step 2
Make a circle around where you want your button to be.

Step 3
Copy and paste as a new image.

Step 4
Press Ctrl-A to select all. Now go to your Selection tool and press the Ellipse button and the selection should turn into a circle.
to

Step 5
Now make the selection slightly smaller.

Step 6
Using the Gradient tool, make your settings as mine.

Step 7
Make the selection smaller near the top.

Step 8
Fill in with a gradient as well.

Step 9
Deselect by pressing Ctrl-D.

Step 10
Press twice.

Step 11
Press Ctrl-A to select all. Now go to your Selection tool and press the Ellipse button and the selection should turn into a circle.

Step 12
Go to Filter >> Stylize >> Progressive Contour.